
.layout{
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  color: #d7d7d7;
  height: 100%;
}
.ivu-layout{
background: #000;

}
//头部样式
.ivu-layout-header{
background: #151518;
}
.i-layout-header-trigger:hover{
background: #191a23;
}
/deep/.ivu-select-dropdown{
  background-color: #000 ;
  color: #fff;
}
/deep/.ivu-dropdown-item{
  color: #d7d7d7;
}
/deep/.ivu-dropdown-item:hover{
  background: #191a23;
}
//头部样式结束
//中间样式
.i-layout-content-main{
  margin: 0 !important;
  }
.ivu-layout-content{
min-height: 850px;
background: #151518 !important;
}
/deep/.ivu-layout-sider-children{
background: #151518 !important;
}
.ivu-menu-item-active .ivu-menu-item-selected{
background: #000 !important;
}
.ivu-menu-light{
background: #151518 !important;
}
.navstyle{
width: 80px;
text-align: center;
padding: 20px;
}
.active{
background: #151518;
}
.layout-content{
display: flex;
margin-top: 14px;
position: absolute;
left: 60%;
}
.layoutColor{
width: 40px;
height: 40px;
background: #fff;
border-radius:50%;
margin-left: 10px;
}
.navstyle i{
font-size: 24px;
}
.layout-logo{
  /* width: 100px; */
  height: 30px;
  font-size: 20px;
  color: #fff;
  /* background: #5b6270; */
  border-radius: 3px;
  float: left;
  position: relative;
  top: 5px;
  left: 20px;
}
.layout-content{
/* border-radius: 3px; */
float: right;
}
.layout-nav{
  width: 420px;
  margin: 0 auto;
  margin-right: 20px;
}
//中间样式结束
// Background color
@background-color-base :#151518; 
//bth按钮开始

/deep/.ivu-btn-primary {
  background-color: #151518;
}
/deep/.ivu-btn-primary[disabled]{
  background-color: #151518;
}
//bth按钮结束
//input/select样式开始
@input-bg:#151518;
/deep/.ivu-input{
  background-color: #151518;
}
/deep/.ivu-select-selection{
  background-color: #151518;
}
/deep/.ivu-select-item{
  color: #d7d7d7; 
}
/deep/.ivu-select-item:hover{
  background-color: #191a23; 
}
//input样式结束
//table样式开始
.ivu-card{
  background: #151518;
}
.ivu-card-bordered{
  border: none;
}
/deep/.ivu-table{
  background-color: #151518;
  color:#d7d7d7
}
/deep/.ivu-table:before{
  background-color: #151518;
}
/deep/.ivu-table th{
  background-color: #151518;
  color: #d7d7d7;
}
/deep/.ivu-table td{
  background-color: #151518;
}
/deep/.ivu-table-stripe .ivu-table-body tr:nth-child(2n) td {
  background-color: #151518;
}
/deep/.ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td{
  background-color: #151518;
}

//table样式结束
//page分页样式开始
/deep/.ivu-page-item{
  background-color: #151518;
  color: #d7d7d7;
}
/deep/.ivu-page-options-elevator input{
  background-color: #151518;
  color: #d7d7d7;
}
/deep/.ivu-page-prev  {
  background-color:#151518
}
/deep/.ivu-page-next{
  background-color:#151518
}
/deep/.ivu-select-single .ivu-select-selection .ivu-select-placeholder{
  color: #d7d7d7;
}
 /deep/.ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  color: #d7d7d7;
 }
//page分页样式结束
//侧边模态框样式开始
/deep/.ivu-drawer-wrap{
  background-color: #151518 !important;
}
 /deep/.ivu-drawer-content{
  background-color:#151518 !important
}
 /deep/.ivu-drawer-header p{
  color: #d7d7d7 !important;
}
/deep/.ivu-drawer-header-inner{
  color: #d7d7d7 !important;
}
//侧边模态框样式结束
//modal样式开始
/deep/.ivu-modal-content{
  background-color: #151518 !important;
}
//modal样式结束
// chrome 和 safari
.element::-webkit-scrollbar { width: 0 !important }